<?php if (!defined('THINK_PATH')) exit(); /*a:2:{s:65:"/var/www/html/tp5/public/../application/index/view/User/edit.html";i:1530071881;s:57:"/var/www/html/tp5/application/index/view/Index/index.html";i:1530494899;}*/ ?>

<!DOCTYPE html>
<html lang="zh-cmn-Hans" class="">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="renderer" content="webkit">
    <meta name="referrer" content="always">
    <script src="https://y.gtimg.cn/music/h5/player/player.js?max_age=2592000" ></script>
    <meta name="qqmusic-set" content="share=0">
    <title>
        ShowMovie
    </title>
    <style>
        xmp{
           white-space: pre-wrap;       
           white-space: -moz-pre-wrap;  
           white-space: -pre-wrap;      
           white-space: -o-pre-wrap;    
           word-wrap: break-word;  
           font-size: 14px;
           font-family: Arial;     
        }
        #container {width:200px; height: 200px;margin-bottom: 20px; }  
        .info {
            border: solid 1px silver;
        }
        div.info-top {
            position: relative;
            background: none repeat scroll 0 0 #F9F9F9;
            border-bottom: 1px solid #CCC;
            border-radius: 5px 5px 0 0;
        }
        div.info-top div {
            display: inline-block;
            color: #333333;
            font-size: 14px;
            font-weight: bold;
            line-height: 31px;
            padding: 0 10px;
        }
        div.info-top img {
            position: absolute;
            top: 10px;
            right: 10px;
            transition-duration: 0.25s;
        }
        div.info-top img:hover {
            box-shadow: 0px 0px 5px #000;
        }
        div.info-middle {
            font-size: 12px;
            padding: 5px;
            line-height: 46px;
        }
        div.info-bottom {
            height: 0px;
            width: 100%;
            clear: both;
            text-align: center;
        }
        div.info-bottom img {
            position: relative;
            z-index: 104;
        }
        span {
            margin-left: 5px;
            font-size: 11px;
        }
        .info-middle img {
            float: left;
            margin-right: 6px;
        }
        .bangdan:hover{
            background-color: white;
        }
        .tt:hover{
            background-color: white;
        }
    </style>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
    <meta name="baidu-site-verification" content="cZdR4xxR7RxmM4zE"/>
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="Sun, 6 Mar 2005 01:00:00 GMT">

    <meta http-equiv="mobile-agent" content="format=xhtml; url=http://m.douban.com/movie/">
    <meta property="qc:admins" content="13753521351564752166375"/>
    <script src="https://y.gtimg.cn/music/h5/player/player.js?max_age=2592000"></script>


    <meta name="keywords" content="电影、经典电影、热映、影评、排行、推荐"/>
    <meta name="description"
          content="ShowMovie提供最新的电影介绍及评论包括上映影片的影讯查询。你可以记录想看、在看和看过的电影，顺便打分、写影评。根据你的口味，ShowMovie会推荐好电影给你。"/>

    <link rel="apple-touch-icon" href="./public/image/apple-touch-icon.png">
    <link href="/static/index/css/f/shire/bf61b1fa02f564a4a8f809da7c7179b883a56146/css/douban.css" rel="stylesheet"
          type="text/css">
    <link href="/static/index/css/f/shire/ae3f5a3e3085968370b1fc63afcecb22d3284848/css/separation/_all.css"
          rel="stylesheet" type="text/css">
    <link href="/static/index/css/f/movie/8864d3756094f5272d3c93e30ee2e324665855b0/css/movie/base/init.css"
          rel="stylesheet">
    <script type="text/javascript">var _head_start = new Date();</script>
    <script type="text/javascript"
            src="/static/index/js/f/movie/0495cb173e298c28593766009c7b0a953246c5b5/js/movie/lib/jquery.js"></script>
    <script type="text/javascript"
            src="/static/index/js/f/shire/40e5fd47dadd542654d9421d954f5296266c2e25/js/douban.js"></script>
    <script type="text/javascript"
            src="/static/index/js/f/shire/0efdc63b77f895eaf85281fb0e44d435c6239a3f/js/separation/_all.js"></script>

    <link rel="stylesheet"
          href="/static/index/css/f/movie/587856b78f46ea9f546a570724e03591afb37cfa/css/movie/home.css"/>
    <script type="text/javascript" src="/static/index/js/f/shire/77323ae72a612bba8b65f845491513ff3329b1bb/js/do.js"
            data-cfg-autoload="false"></script>
    <script>
        Do.global('/static/index/js/f/shire/0e82fba9c90a7daffc62dd2f80b23ff31c5e4739/js/separation/prettyfield.js');
        Do.global('/static/index/js/f/shire/aef14a3cb852be78af0d48b0534beeea33035c0f/js/core/moreurl.js');
    </script>
	
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.6&key=4823ad55df1170a1f7502390c5a9fe42"></script> 


    <script type='text/javascript'>
        var _vwo_code = (function () {
            var account_id = 249272,
                    settings_tolerance = 0,
                    library_tolerance = 2500,
                    use_existing_jquery = false,
            // DO NOT EDIT BELOW THIS LINE
                    f = false, d = document;
            return {
                use_existing_jquery: function () {
                    return use_existing_jquery;
                }, library_tolerance: function () {
                    return library_tolerance;
                }, finish: function () {
                    if (!f) {
                        f = true;
                        var a = d.getElementById('_vis_opt_path_hides');
                        if (a)a.parentNode.removeChild(a);
                    }
                }, finished: function () {
                    return f;
                }, load: function (a) {
                    var b = d.createElement('script');
                    b.src = a;
                    b.type = 'text/javascript';
                    b.innerText;
                    b.onerror = function () {
                        _vwo_code.finish();
                    };
                    d.getElementsByTagName('head')[0].appendChild(b);
                }, init: function () {
                    settings_timer = setTimeout('_vwo_code.finish()', settings_tolerance);
                    var a = d.createElement('style'), b = 'body{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}', h = d.getElementsByTagName('head')[0];
                    a.setAttribute('id', '_vis_opt_path_hides');
                    a.setAttribute('type', 'text/css');
                    if (a.styleSheet)a.styleSheet.cssText = b; else a.appendChild(d.createTextNode(b));
                    h.appendChild(a);
                    this.load('//dev.visualwebsiteoptimizer.com/j.php?a=' + account_id + '&u=' + encodeURIComponent(d.URL) + '&r=' + Math.random());
                    return settings_timer;
                }
            };
        }());

        +function () {
            var bindEvent = function (el, type, handler) {
                var $ = window.jQuery || window.Zepto || window.$
                if ($ && $.fn && $.fn.on) {
                    $(el).on(type, handler)
                } else if ($ && $.fn && $.fn.bind) {
                    $(el).bind(type, handler)
                } else if (el.addEventListener) {
                    el.addEventListener(type, handler, false);
                } else if (el.attachEvent) {
                    el.attachEvent("on" + type, handler);
                } else {
                    el["on" + type] = handler;
                }
            }

            var _origin_load = _vwo_code.load
            _vwo_code.load = function () {
                var args = [].slice.call(arguments)
                bindEvent(window, 'load', function () {
                    _origin_load.apply(_vwo_code, args)
                })
            }
        }()

        _vwo_settings_timer = _vwo_code.init();
    </script>


    <style type="text/css"></style>
    <style type="text/css">img {
        max-width: 100%;
    }</style>
    <script type="text/javascript"></script>
    <link rel="stylesheet" href="/static/index/css/misc/mixed_static/5056301a7435939c.css">

    <link rel="shortcut icon" href="/static/index/image/favico.ico" type="image/x-icon">
</head>

<body>

<script type="text/javascript">var _body_start = new Date();</script>


<link href="/static/index/css/dae/accounts/resources/321e246/shire/bundle.css" rel="stylesheet" type="text/css">


<div id="db-global-nav" class="global-nav">
    <div class="bd">

        <div class="top-nav-info">

            <?php if(!empty(\think\Session::get('name'))): ?>
            <ul>
                <li class="nav-user-account">
                    <a target="_self" href="<?php echo url('index/User/index'); ?>" class="bn-more" rel="off">
                        <span><?php echo \think\Session::get('name'); ?>的帐号</span><span class="arrow"></span>
                    </a>
                    <div class="more-items">
                        <table cellpadding="0" cellspacing="0">
                            <tbody>
                            <tr>
                                <td>
                                    <a target="_self" href="<?php echo url('index/User/index'); ?>">个人中心</a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a target="_self" href="<?php echo url('index/User/edit'); ?>">帐号管理</a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a href="<?php echo url('index/Login/logOut'); ?>">退出</a>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </li>
            </ul>

            <?php elseif(empty(\think\Session::get('name'))): ?>
            <a href="<?php echo url('index/Login/index'); ?>" class="nav-login" rel="nofollow">登录</a>
            <a href="<?php echo url('index/Register/index'); ?>" class="nav-register" rel="nofollow">注册</a>
            <?php endif; ?>
        </div>


        <div class="top-nav-doubanapp">

            <div id="top-nav-appintro" class="more-items">
                <p class="appintro-title">ShowMovie</p>
                <div class="download">
                    <a href="https://www.douban.com/doubanapp/redirect?channel=top-nav&direct_dl=1&download=iOS">iPhone</a>
                    <span>·</span>
                    <a href="https://www.douban.com/doubanapp/redirect?channel=top-nav&direct_dl=1&download=Android"
                       class="download-android">Android</a>
                </div>
                <div id="doubanapp-tip">
                    <a href="https://www.douban.com/doubanapp/app?channel=qipao" class="tip-link">ShowMovie 2.0 全新发布</a>
                    <a href="javascript: void 0;" class="tip-close">×</a>
                </div>
            </div>
        </div>




    </div>
</div>
<script>
    ;
    window._GLOBAL_NAV = {
        DOUBAN_URL: "https://www.douban.com",
        N_NEW_NOTIS: 0,
        N_NEW_DOUMAIL: 0
    };
</script>


<script src="/static/index/js/dae/accounts/resources/321e246/shire/bundle.js" defer="defer"></script>


<link href="/static/index/css/dae/accounts/resources/19507ad/movie/bundle.css" rel="stylesheet" type="text/css">


<div id="db-nav-movie" class="nav">
    <div class="nav-wrap">
        <div class="nav-primary">
            <div class="nav-logo">
                <a href="<?php echo url('index/index/index'); ?>">ShowMovie</a>
            </div>
            <div class="nav-search">
                <form action="<?php echo url('search'); ?>" method="get">
                    <fieldset>
                        <legend>搜索：</legend>
                        <label for="inp-query">
                        </label>
                        <div class="inp"><input id="inp-query" name="keyword" size="22" maxlength="10" placeholder="搜索喜欢的电影吧♪（＾∀＾●）ﾉｼ （●´∀｀）♪" value=""></div>
                        <div class="inp-btn">
                        	<input type="submit" value="搜索" class=" ">
                        	<!-- <button>666</button> -->
                        </div>
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
    <div class="nav-secondary">


        <div class="nav-items">
            <ul class="type">
                <li><a  class="bangdan" href="<?php echo url('Index/type', ['id'=>'1']); ?>" style="color: #46bc99;" >华语</a>
                </li>
                <li><a href="<?php echo url('Index/type', ['id'=>'2']); ?>"
                 style="color: #46bc99;" class="tt">欧美</a>
                </li>
                <li><a href="<?php echo url('Index/type', ['id'=>'3']); ?>"
                  style="color: #46bc99;" class="tt">韩国</a>
                </li>
                <li><a href="<?php echo url('Index/type', ['id'=>'4']); ?>"
                 style="color: #46bc99;" class="tt">日本</a>
                </li>
            </ul>
        </div>

    </div>
</div>

<script id="suggResult" type="text/x-jquery-tmpl">
  <li data-link="{{= url}}">
            <a href="{{= url}}" onclick="moreurl(this, {from:'movie_search_sugg', query:'{{= keyword }}', subject_id:'{{= id}}', i: '{{= index}}', type: '{{= type}}'})">
            <img src="{{= img}}" width="40" />
            <p>

                <em>{{= title}}</em>
                <!--  -->
            </p>
        </a>
        </li>

</script>


<script src="/static/index/js/dae/accounts/resources/19507ad/movie/bundle.js" defer="defer"></script>


<div id="wrapper">


    <div id="content">


        <div class="grid-16-8 clearfix">

            <div id="dale_movie_homepage_top_large"></div>


            <div class="article">

                <div id="dale_movie_home_main_top"></div>

                <script id="db-tmpl-subject-tip" type="text/x-jquery-tmpl">
        <div id="subject-tip">
            <div class="subject-tip-hd">
                <h3>{{= title}}<span class="release-year">{{= release}}</span></h3>
                <!-- 演员 -->
                <p class="star">
                    <span class="allstar{{= star}}"></span>
                    
                        <span class="subject-rating"></span>
                    
                        <span class="rater-num"></span>
                </p>
            </div>
            <div class="subject-tip-bd">
                <ul>
                    <li><span>{{= duration}}</span><span>{{= type}}</span><span>{{= region}}</span></li>
                    <li class="director"><span class="label">导演</span><span>{{= director}}</span></li>
                    <li class="actors"><span class="label">主演</span><span>{{= actors}}</span></li>
                </ul>
                    <div class="subject-intro">
                    </div>
            </div>
        </div>

                </script>

        


<style>


    a { color: #336699 }
    em { font-style: normal }
    form { position: relative; left: 0; top: 0 }
    .hide {display: none;}
    .item { clear:both;margin: 15px 0 }
    .item-error { margin-left: 75px; color: #fe2617 }
    .suggestion { padding-left: 75px }
    .article { padding-bottom: 1em; }
    label { display: inline-block; float:left; margin-right: 15px; text-align: right; width: 60px; font-size: 14px; line-height: 30px; vertical-align: middle }
    .box { margin-left: 75px }
    .basic-input { width: 200px; padding: 5px; height: 18px; font-size: 14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #c9c9c9 }
    .item .basic-input:focus { border: 1px solid #a9a9a9 }
    .validate-option { display: none; color: #808080 }
    .validate-error { display: none; color: #fe2617 }
    p.validate-error { margin-left: 75px }
    .loc-item .validate-error { line-height: 30px }
    .extra-tips .validate-error , .extra-tips .validate-option { padding-left: 10px; background: url(https://img3.doubanio.com/f/shire/49ede118d7ddeccdbb53cc2bc36248fb36ab6eae/pics/icon/tips_arrow.gif) no-repeat}
    .extra-tips .validate-error { background-position: left -52px }
    .extra-tips .validate-option { background-position: left 4px }
    .loc { font-size: 12px; line-height: 30px }
    .tips , #location { font-size: 12px; color: #808080 }
    #location strong { color: #111111; font-weight: normal }
    .captcha-item span.validate-error { padding-left: 10px; background: url(https://img3.doubanio.com/f/shire/49ede118d7ddeccdbb53cc2bc36248fb36ab6eae/pics/icon/tips_arrow.gif) no-repeat left -52px ; display: none }
    .captcha-img { margin: 2px 6px 0 0; vertical-align: top }
    .captcha-item .basic-input { width: 95px }
    .captcha-item { zoom: 1 }
    /* .captcha-item .captcha {margin-left: 75px;} */
    #email_suggestion { display: inline-block; position: absolute; left: 75px; top: 30px; _left: 0px }
    #email_suggestion p { background: #eef9eb; border: 1px solid #5e5e5f; margin: 0; padding: 3px }
    .btn-submit { cursor: pointer; font-size: 14px; font-weight: bold; padding: 6px 26px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; *width: 100px }
    .disabled { color: #999; background: #f0f0f0; border: 1px solid #b9b9b9 }
    .enabled { color: #ffffff; background: #3fa156; border: 1px solid #528641 }
    .item-submit {margin-top: 25px;}
    .device-mobile .captcha-img { display:block;max-width:60%; }
    .device-mobile .captcha-item p { margin-bottom:1em; }
    .device-mobile .item-submit { margin-bottom:2em;  }

    #request-phone-code-btn { cursor: pointer;background: #fff;border: 1px solid #c9c9c9;font-size: 13px;padding: 6px 15px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;vertical-align: middle; }

    #captcha_dialog input[name="captcha-solution"]{padding:5px;width:238px;height:25px;border:1px solid #c9c9c9;border-radius:3px;vertical-align:middle;font-size:22px}#captcha_dialog input[type="button"]{height:2.1em;padding:0 1.16em 2px;border:1px solid #c9c9c9;border-radius:3px;background:transparent}#captcha_dialog input#captcha{width:200px}#captcha_dialog .captcha-img{width:210px;cursor:pointer;margin:0}#captcha_dialog .bd{text-align:center}#captcha_dialog .ft .bn-flat input{font-weight:bold;margin:0}

    .flag{position:absolute;text-indent:-999em;padding:0 !important;margin:0 10px 0 0;width:16px;height:11px;background:url(https://img3.doubanio.com/f/accounts/e999a57742934945b3b9457911963b236c6f23e6/pics/national_flags.png) no-repeat}.flag.ad{background-position:0 0}.flag.ae{background-position:0 -11px}.flag.af{background-position:0 -22px}.flag.ag{background-position:0 -33px}.flag.ai{background-position:0 -44px}.flag.al{background-position:0 -55px}.flag.am{background-position:0 -66px}.flag.an{background-position:0 -77px}.flag.ao{background-position:0 -88px}.flag.ar{background-position:0 -99px}.flag.as{background-position:0 -110px}.flag.at{background-position:0 -121px}.flag.au{background-position:0 -132px}.flag.aw{background-position:0 -143px}.flag.ax{background-position:0 -154px}.flag.az{background-position:0 -165px}.flag.ba{background-position:0 -176px}.flag.bb{background-position:0 -187px}.flag.bd{background-position:0 -198px}.flag.be{background-position:0 -209px}.flag.bf{background-position:0 -220px}.flag.bg{background-position:0 -231px}.flag.bh{background-position:0 -242px}.flag.bi{background-position:0 -253px}.flag.bj{background-position:0 -264px}.flag.bm{background-position:0 -275px}.flag.bn{background-position:0 -286px}.flag.bo{background-position:0 -297px}.flag.br{background-position:0 -308px}.flag.bs{background-position:0 -319px}.flag.bt{background-position:0 -330px}.flag.bv{background-position:0 -341px}.flag.bw{background-position:0 -352px}.flag.by{background-position:0 -363px}.flag.bz{background-position:0 -374px}.flag.ca{background-position:0 -385px}.flag.catalonia{background-position:0 -396px}.flag.cc{background-position:0 -407px}.flag.cd{background-position:0 -418px}.flag.cf{background-position:0 -429px}.flag.cg{background-position:0 -440px}.flag.ch{background-position:0 -451px}.flag.ci{background-position:0 -462px}.flag.ck{background-position:0 -473px}.flag.cl{background-position:0 -484px}.flag.cm{background-position:0 -495px}.flag.cn{background-position:0 -506px}.flag.co{background-position:0 -517px}.flag.cu{background-position:0 -528px}.flag.cr{background-position:0 -539px}.flag.cs{background-position:0 -550px}.flag.cv{background-position:0 -561px}.flag.cx{background-position:0 -572px}.flag.cy{background-position:-16px 0}.flag.cz{background-position:-16px -11px}.flag.de{background-position:-16px -22px}.flag.dj{background-position:-16px -33px}.flag.dk{background-position:-16px -44px}.flag.dm{background-position:-16px -55px}.flag.do{background-position:-16px -66px}.flag.dz{background-position:-16px -77px}.flag.ec{background-position:-16px -88px}.flag.ee{background-position:-16px -99px}.flag.eg{background-position:-16px -110px}.flag.eh{background-position:-16px -121px}.flag.england{background-position:-16px -132px}.flag.er{background-position:-16px -143px}.flag.es{background-position:-16px -154px}.flag.et{background-position:-16px -165px}.flag.eu{background-position:-16px -176px}.flag.fam{background-position:-16px -187px}.flag.fi{background-position:-16px -198px}.flag.fj{background-position:-16px -209px}.flag.fk{background-position:-16px -220px}.flag.fm{background-position:-16px -231px}.flag.fo{background-position:-16px -242px}.flag.fr{background-position:-16px -253px}.flag.ga{background-position:-16px -264px}.flag.gb{background-position:-16px -275px}.flag.gd{background-position:-16px -286px}.flag.ge{background-position:-16px -297px}.flag.gf{background-position:-16px -308px}.flag.gh{background-position:-16px -319px}.flag.gi{background-position:-16px -330px}.flag.gl{background-position:-16px -341px}.flag.gm{background-position:-16px -352px}.flag.gn{background-position:-16px -363px}.flag.gp{background-position:-16px -374px}.flag.gq{background-position:-16px -385px}.flag.gr{background-position:-16px -396px}.flag.gs{background-position:-16px -407px}.flag.gt{background-position:-16px -418px}.flag.gu{background-position:-16px -429px}.flag.gw{background-position:-16px -440px}.flag.gy{background-position:-16px -451px}.flag.hk{background-position:-16px -462px}.flag.hm{background-position:-16px -473px}.flag.hn{background-position:-16px -484px}.flag.hr{background-position:-16px -495px}.flag.ht{background-position:-16px -506px}.flag.hu{background-position:-16px -517px}.flag.id{background-position:-16px -528px}.flag.ie{background-position:-16px -539px}.flag.il{background-position:-16px -550px}.flag.in{background-position:-16px -561px}.flag.io{background-position:-16px -572px}.flag.iq{background-position:-32px 0}.flag.ir{background-position:-32px -11px}.flag.is{background-position:-32px -22px}.flag.it{background-position:-32px -33px}.flag.jm{background-position:-32px -44px}.flag.jo{background-position:-32px -55px}.flag.jp{background-position:-32px -66px}.flag.ke{background-position:-32px -77px}.flag.kg{background-position:-32px -88px}.flag.kh{background-position:-32px -99px}.flag.ki{background-position:-32px -110px}.flag.km{background-position:-32px -121px}.flag.kn{background-position:-32px -132px}.flag.kp{background-position:-32px -143px}.flag.kr{background-position:-32px -154px}.flag.kw{background-position:-32px -165px}.flag.ky{background-position:-32px -176px}.flag.kz{background-position:-32px -187px}.flag.la{background-position:-32px -198px}.flag.lb{background-position:-32px -209px}.flag.lc{background-position:-32px -220px}.flag.li{background-position:-32px -231px}.flag.lr{background-position:-32px -242px}.flag.lk{background-position:-32px -253px}.flag.ls{background-position:-32px -264px}.flag.lt{background-position:-32px -275px}.flag.lu{background-position:-32px -286px}.flag.lv{background-position:-32px -297px}.flag.ly{background-position:-32px -308px}.flag.ma{background-position:-32px -319px}.flag.mc{background-position:-32px -330px}.flag.md{background-position:-32px -341px}.flag.me{background-position:-32px -352px}.flag.mg{background-position:-32px -363px}.flag.mh{background-position:-32px -374px}.flag.mk{background-position:-32px -385px}.flag.ml{background-position:-32px -396px}.flag.mm{background-position:-32px -407px}.flag.mn{background-position:-32px -418px}.flag.mo{background-position:-32px -429px}.flag.mp{background-position:-32px -440px}.flag.mq{background-position:-32px -451px}.flag.mr{background-position:-32px -462px}.flag.ms{background-position:-32px -473px}.flag.mt{background-position:-32px -484px}.flag.mu{background-position:-32px -495px}.flag.mv{background-position:-32px -506px}.flag.mw{background-position:-32px -517px}.flag.mx{background-position:-32px -528px}.flag.my{background-position:-32px -539px}.flag.mz{background-position:-32px -550px}.flag.na{background-position:-32px -561px}.flag.nc{background-position:-32px -572px}.flag.ne{background-position:-48px 0}.flag.nf{background-position:-48px -11px}.flag.ng{background-position:-48px -22px}.flag.ni{background-position:-48px -33px}.flag.nl{background-position:-48px -44px}.flag.no{background-position:-48px -55px}.flag.np{background-position:-48px -66px}.flag.nr{background-position:-48px -77px}.flag.nu{background-position:-48px -88px}.flag.nz{background-position:-48px -99px}.flag.om{background-position:-48px -110px}.flag.pa{background-position:-48px -121px}.flag.pe{background-position:-48px -132px}.flag.pf{background-position:-48px -143px}.flag.pg{background-position:-48px -154px}.flag.ph{background-position:-48px -165px}.flag.pk{background-position:-48px -176px}.flag.pl{background-position:-48px -187px}.flag.pm{background-position:-48px -198px}.flag.pn{background-position:-48px -209px}.flag.pr{background-position:-48px -220px}.flag.ps{background-position:-48px -231px}.flag.pt{background-position:-48px -242px}.flag.pw{background-position:-48px -253px}.flag.py{background-position:-48px -264px}.flag.qa{background-position:-48px -275px}.flag.re{background-position:-48px -286px}.flag.ro{background-position:-48px -297px}.flag.rs{background-position:-48px -308px}.flag.ru{background-position:-48px -319px}.flag.rw{background-position:-48px -330px}.flag.sa{background-position:-48px -341px}.flag.sb{background-position:-48px -352px}.flag.sc{background-position:-48px -363px}.flag.scotland{background-position:-48px -374px}.flag.sd{background-position:-48px -385px}.flag.se{background-position:-48px -396px}.flag.sg{background-position:-48px -407px}.flag.sh{background-position:-48px -418px}.flag.si{background-position:-48px -429px}.flag.sj{background-position:-48px -440px}.flag.sk{background-position:-48px -451px}.flag.sl{background-position:-48px -462px}.flag.sm{background-position:-48px -473px}.flag.sn{background-position:-48px -484px}.flag.so{background-position:-48px -495px}.flag.sr{background-position:-48px -506px}.flag.st{background-position:-48px -517px}.flag.sv{background-position:-48px -528px}.flag.sy{background-position:-48px -539px}.flag.sz{background-position:-48px -550px}.flag.tc{background-position:-48px -561px}.flag.td{background-position:-48px -572px}.flag.tf{background-position:-64px 0}.flag.tg{background-position:-64px -11px}.flag.th{background-position:-64px -22px}.flag.tj{background-position:-64px -33px}.flag.tk{background-position:-64px -44px}.flag.tl{background-position:-64px -55px}.flag.tm{background-position:-64px -66px}.flag.tn{background-position:-64px -77px}.flag.to{background-position:-64px -88px}.flag.tr{background-position:-64px -99px}.flag.tt{background-position:-64px -110px}.flag.tv{background-position:-64px -121px}.flag.tw{background-position:-64px -132px}.flag.tz{background-position:-64px -143px}.flag.ua{background-position:-64px -154px}.flag.ug{background-position:-64px -165px}.flag.um{background-position:-64px -176px}.flag.us{background-position:-64px -187px}.flag.uy{background-position:-64px -198px}.flag.uz{background-position:-64px -209px}.flag.va{background-position:-64px -220px}.flag.vc{background-position:-64px -231px}.flag.ve{background-position:-64px -242px}.flag.vg{background-position:-64px -253px}.flag.vi{background-position:-64px -264px}.flag.vn{background-position:-64px -275px}.flag.vu{background-position:-64px -286px}.flag.wales{background-position:-64px -297px}.flag.wf{background-position:-64px -308px}.flag.ws{background-position:-64px -319px}.flag.ye{background-position:-64px -330px}.flag.yt{background-position:-64px -341px}.flag.za{background-position:-64px -352px}.flag.zm{background-position:-64px -363px}.flag.zw{background-position:-64px -374px}

    .GlobalPhone{display:table;padding:0;height:28px;width:210px;font-size:0;position:relative}.GlobalPhone>*{font-size:14px;display:table-cell;vertical-align:top}.GlobalPhone>span,.GlobalPhone input{line-height:28px}.GlobalPhone>span{text-align:center;padding:0 7px;cursor:pointer;color:#494949;white-space:nowrap}.GlobalPhone>span:after{content:"";display:inline-block;height:15px;border-right:1px solid #ccc;vertical-align:middle;margin-left:7px}.GlobalPhone input[type="text"]{padding:0 7px 0 0;border:0;height:100%;width:100%;box-sizing:border-box}.GlobalPhone input[type="text"]:focus{border:0;outline:0}.GlobalPhone #verify_phone_err{position:absolute;left:100%;top:0;white-space:nowrap;margin-left:10px;line-height:28px;font-size:12px;color:#fe2617}.GlobalPhoneList li{text-align:justify;text-justify:distribute;-ms-text-justify:distribute;font-size:0}.GlobalPhoneList li>*{display:inline-block}.GlobalPhoneList li:after{content:"";width:100%;display:inline-block}.GlobalPhoneItem-district{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.GlobalPhoneDialog .bd{max-height:30em;overflow:auto !important}.GlobalPhoneList li{overflow:hidden;line-height:2.6;color:#494949;cursor:pointer;border-bottom:1px solid #e5e5e5}.GlobalPhoneList li:first-child{border-top:1px solid #e5e5e5}.GlobalPhoneList li>*{font-size:14px}.GlobalPhoneList li.is-active>*{color:#42bd56}.GlobalPhoneList li.is-active .GlobalPhoneItem-district:after{content:"✔︎";margin-left:10px}.GlobalPhoneItem-district{font-weight:bold}.GlobalPhoneItem-district span{font-size:1.5em;line-height:1;display:inline-block;vertical-align:middle;position:relative;margin-top:-2px}.GlobalPhoneItem-number{color:#aaa}

    .agreement-content{padding:20px;background:#fff}.agreement-content a{color:#1E679E}.agreement-content a:hover{color:#fff}.agreement-content .content{height:280px;border:1px solid #ccc;padding:10px;overflow:auto;font-size:12px}.agreement-content .content p{padding:0;margin:0}.agreement-content h3{font-size:18px;font-weight:bold}.agreement-content h4{margin-top:12px;font-weight:bold}.agreement-content strong,.agreement-content .b{font-weight:bold}.agreement-btns{padding-top:20px;text-align:center;background:#fff}.agreement-btns .btn{display:inline-block;border-radius:5px;padding:10px 20px;color:#fff;cursor:pointer;background:#3BA94D}.agreement-btns .tips{color:#bdbdbd}.agreement-close{position:absolute;top:15px;right:15px}.agreement-close:hover{color:#369;background:none}

    .GlobalPhone {display: inline-block;vertical-align: middle;}
    .agreement-new {
        width: 800px;
        border-radius: 5px;
        padding: 10px;
        position: absolute;
        top: 120px;
        left: 50%;
        margin-left: -400px;
        background: rgba(0,0,0,0.2);
    }
    .agreement-btns {padding: 0 0 20px;}

    #footer { color:#999;padding-top:6px;border-top: 1px dashed #ddd; }
    .fright { float:right; }
    .icp { float:left; }
</style>

<div class="article">
    <a href="<?php echo url('index/User/passEd', ['id'=>$list['id']]); ?>">修改密码</a>
        <input type="hidden" name="userid" id="userid" value="<?php echo $list['id']; ?>">
        <div class="item extra-tips">
            <label>头像</label>
            <?php if(!empty($list['face'])): ?>

            <img src="/uploads/<?php echo $list['face']; ?>" class="userface" width="180">
            <?php elseif(empty($list['face'])): ?>
            <img src="/static/index/face/face.png" class="userface" width="180">
            <?php endif; ?>

            <!--<img src="/static/index/face/face.png" alt="默认头像" width="160">-->
            <input id="face" name="face" type="file" value=""/>
        </div>
        <div class="item extra-tips">
            <label>姓名</label>
            <input id="name" name="name" type="text" class="basic-input" maxlength="20" tabindex="1" value="<?php echo $list['name']; ?>"/>
        </div>
        <div class="item extra-tips">
            <label>邮箱</label>
            <input id="email" name="email" type="text" class="basic-input" maxlength="60" tabindex="1" value="<?php echo $list['email']; ?>" disabled/>
        </div>
        <div class="item extra-tips">
            <label>电话</label>
            <input id="phone" name="phone" type="text" class="basic-input" maxlength="60" tabindex="1" value="<?php echo $list['phone']; ?>" disabled/>
        </div>

        <div class="item extra-tips">
            <label>性别</label>

            <input class="sex" name="sex" type="radio" value="0" <?php echo $list['sex']==0?'checked' : ''; ?>>女
            <input class="sex" name="sex" type="radio" value="1" <?php echo $list['sex']==1?'checked' : ''; ?>>男
        </div>
        <div class="item extra-tips">
            <label>&nbsp;</label>
            <button class="edit" type="submit" style="padding:8px 40px;background:#46BC99;outline:none;color:#fff;border-radius:5px;border:0px;">修改</button>
        </div>

</div>

<script src="/static/index/js/jquery.min.js"></script>
<script src="/static/index/js/toastr.min.js"></script>
<link href="/static/admin/css/toastr.min.css" rel="stylesheet"/>

<script type="text/javascript">
    $(function(){
        $('#name').change(function(){
            var name = $('#name').val();
            console.log(name);
        });
        $('.edit').click(function () {

            postdata();
        });
        function postdata(){
            //提交数据函数
            toastr.options = {
                closeButton: true,
                debug: false,
                progressBar: true,
                positionClass: "toast-top-right",
                onclick: null,
                showDuration: "3000",
                hideDuration: "1000",
                timeOut: "3000",
                extendedTimeOut: "1000",
                showEasing: "swing",
                hideEasing: "linear",
                showMethod: "fadeIn",
                hideMethod: "fadeOut"
            };
            // console.log(123);
            $.ajax({

                //调用jquery的ajax方法
                type: "POST",
                //设置ajax方法提交数据的形式
                url: "/index/User/update",
                //把数据提交到ok.php
                data: {
                    name : $("#name").val(),
                    sex: $("input:radio:checked").val()
                    // sex : $(".sex").val()
                },
                success: function(data){
                    console.log(data);
                    if (data) {

                        toastr.success('修改成功,三秒后跳转');
                        setInterval(function(){
                            location.href='http://47.96.69.12/index/User/index';
                        }, 3000);
                    }else{
                        toastr.error('您没有修改任何内容！');
                    }
                },
                error: function () {
                    alert('AJAX操作失败');
                }
            });
            return false;
        }

        //头像处理
        $('#face').change(function(){
            var formData = new FormData();
            var uid = $("#userid").val();
            formData.append("file",$("#face")[0].files[0]);
            formData.append("uid",uid);
            $.ajax({
                url: '/index/User/imgPath',
                type:'POST',
                data: formData,
                processData: false,
                contentType: false,
                success: function(data){
                    $('.userface').attr('src','/uploads/'+data.face);
                }
            })
        })
    })
</script>



